<template>
  <div class="app-container">
    <div class="mark">
      <span
        style="font-size: 20px; font-weight: bold; margin-left: 10px"
        class="mark"
      >质量数据标准</span>
    </div>

    <div class="qualitySdata" style="margin-top: 40px">
      <p>说明：</p>
      <ul>
        <li>
          检查点拆分使用相同拆分粒度，即：不同平台的相同功能拆分得到的检查点数量相等。
        </li>
        <li>为达到数据一致性，以下bug数量包含无效bug。</li>
        <li><b class="note">单个版本项目bug率计算方式 :</b></li>
        <li>bug密度=bug数量/检查点数量。</li>
        <li>引入错误率=新出现bug数量/bug数量。</li>
        <li>首轮漏测率=新发现bug数量/bug数量。</li>
        <li><b class="note">标准值计算方式 :</b></li>
        <li>bug密度=近一年单个版本项目bug密度平均值。</li>
        <li>引入错误率=近一年单个版本项目引入错误率平均值。</li>
        <li>首轮漏测率=近一年单个版本项目首轮漏测率平均值。</li>
      </ul>
      <p>标准值：</p>
      <ul>
        <li>
          参与计算项目共<b>{{ total }}</b>个。
        </li>
        <li>
          bug密度标准值为：<b> {{ bugmid }}</b>。
        </li>
        <li>
          引入错误率标准值为：<b>{{ introerror }}</b>。
        </li>
        <li>
          首轮漏测率标准值为：<b>{{ frist_misstest }}</b>。
        </li>
        <!-- <li><b class="note">注：以上为整体项目的质量数。</b></li> -->
      </ul>
      <p>用途：</p>
      <ul>
        <li>使用此数值为bug密度基点，对今后项目质量情况有更直观了解。</li>
        <li>对之后重点项目进行风险评估、质量评估、bug数量评估。</li>
        <li>完善质量体系建设。</li>
      </ul>
      <router-view />
    </div>
  </div>
</template>

<script>
import { queryData } from '@/api/quallity-standard'
import { Message } from 'element-ui'

export default {
  data() {
    return {
      total: '',
      bugmid: '',
      datatime: '',
      introerror: '',
      frist_misstest: ''
    }
  },
  mounted() {
    this.tableQueryData()
  },
  methods: {
    tableQueryData() {
      queryData().then((res) => {
        if (res.code === 20000) {
          this._data.bugmid = res.data.bugmid
          this._data.total = res.data.total
          this._data.datatime = res.data.datatime
          this._data.introerror = res.data.introerror
          this._data.frist_misstest = res.data.frist_misstest
        } else {
          Message.error(res.message)
        }
      })
    }
  }
}
</script>

<style scoped>
h1 {
  margin-top: 20px;
  margin-left: 20px;
  padding: 0 10px;
  font-size: 20px;
  /*font-weight: 300;*/
  font-weight: bold;
}
.title {
  font-size: 22px;
  border-bottom: 0.5px solid black;
}
.mark {
  border-radius: 4px;
  margin: 10px 0 30px;
  background-color: #1890ff;
  height: 40px;
  line-height: 40px;
  color: #fff;
}
.qualitySdata {
  width: 95%;
  height: 100%;
  margin: 40px 30px;
  position: relative;
  background-color: #ffffff;
}

p {
  margin-left: 100px;
  font-weight: bold;
}
ul {
  margin-left: 140px;
}
li {
  line-height: 33px;
}
b {
  color: red;
}
b.note {
  color: green;
}
</style>
